doctype html
html
    head
        meta(charset="utf-8")
        meta(meta http-equiv="X-UA-Compatible" content="IE=edge")
        meta(meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport")
        title #{title}
        link( rel="stylesheet" href="/css/reset1.3.css")
        link(rel="stylesheet" href="/css/public.css")
        link( rel="stylesheet" href="/css/index.css")
    body
        nav
            ul
                li
                    a(href="/") 主页
                li
                    a(href="/bookmarks") 个人书签
        article
            section
                div.blog-bg
                    img(src="img/blog-bg.png")
            section
                div.main
                    div.per-info
                        img(class="pi-pic" src="#{message.iconUrl}")
                        div.pi-name #{message.name}
                        div.pi-email
                            ul
                                each e in message.emails
                                    li #{e}
                        div.pi-other
                            ul.fixclear
                                each o in message.others
                                    li
                                        a(class="pi-other-item" target="_blank" href="#{o.url}" style="background-image: url(#{o.iconUrl});") #{o.name}
                    div.content
                        div.search
                            input(type="text" id="searchVal" placeholder="Search")
                            span(id="searchAct" style="background-image: url(img/search.png);")
                        div.tags-list
                            span(class="tag active" id="tag-all") 全部
                            //- span(class="tag") 查找结果
                        div.articles-list
                            ul
                                each a in articles
                                    li
                                        div.article
                                            div.a-title
                                                a(href="/article/#{a._id}" target="_blank") #{a.title}
                                            div.a-update-time  更新时间&nbsp;:&nbsp;#{a.meta.updateAt.toLocaleString()}
                                            div.a-content
                                                p.multi-line #{a.preview}
                                            div.a-bottom
                                                each t in a.tags
                                                    span.a-tag #{t}
                                                span.a-read #{a.read}
                                                // span.a-comments #{a.comments}
                            div#loading
                                img(src="/img/loading.gif")
                            if articles.length < 10
                                button(id="btn-get-more" type="button" disabled="disabled" class="get-more-article") 已加载全部(#{articles.length + '/' + list.total})
                            else
                                button(id="btn-get-more" type="button" class="get-more-article") 加载更多(#{articles.length + '/' + list.total})
        include ../includes/footer
        script(type="text/javascript" src="js/utility.js")
        script(type="text/javascript" src="js/pubilc.js")
        script(type="text/javascript" src="js/index.js")